<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>移动静态页面</title>
    <meta name="viewport" content="initial-scale=1, maximum-scale=1">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <link rel="stylesheet" href="static/css/sm.css">
    <style>
        #bgstyle{background-color: white}
        #buttonMy{
            position: absolute;
            right: 12px;
            font-size: 0.5rem;
            top: 12px;
        }
        #itemposi{position: relative}
    </style>
</head>

<body>
    <div class="page-group">
        <div class="page page-current">
            <header class="bar bar-nav" id="bgstyle">
                <a class="button button-link button-nav pull-left back" href="#" data-transition='slide-out' style="color:#333">&lt;</a>
                <h1 class="title">退卡申请</h1>
            </header>
            <div class="content">
                <div class="list-block">
                    <ul>
                        <li>
                            <div class="item-content">
                                <div class="item-inner" id="itemposi">
                                    <div class="item-title label">手机号</div>
                                    <div class="item-input">
                                        <input type="text" placeholder="请输入手机号">
                                        <button id="buttonMy">短信验证码</button>
                                    </div>
                                </div>
                            </div>
                        </li>
                        <li>
                            <div class="item-content">
                                <div class="item-inner">
                                    <div class="item-title label">验证码</div>
                                    <div class="item-input">
                                        <input type="email" placeholder="请输入手机验证码">
                                    </div>
                                </div>
                            </div>
                        </li>
                        <li>
                            <div class="item-content">
                                <div class="item-inner">
                                    <div class="item-title label">支付密码</div>
                                    <div class="item-input">
                                        <input type="password" placeholder="请输入支付密码" class="">
                                    </div>
                                </div>
                            </div>
                        </li>
                    </ul>
                </div>
                <div class="content-block">
                    <div class="row">
                        <div class="col-100">
                            <a href="#" id="submitclick" class="button button-big button-fill button-success">提交</a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <script src="static/js/zepto.js"></script>
    <script src="static/js/sm.js"></script>
    <script>
        $(document).on('click','#submitclick', function () {
        var a =6;
        if(a === 1){
            $.alert('您的会员卡暂时不可退款，如有疑问，请拨打全国客服电话：0371-96533', '提示');
        } else if (a === 2){
            $.alert('手机号格式错误，请重新输入', '提示');
        } else if(a === 3){
            $.alert('短信验证码错误，请重新输入', '提示');
        } else if(a === 4){
            $.alert('手机号或支付密码错误，请重新输入', '提示');
        } else{
            location.href='refnud.html'
        }
    });
     $('#buttonMy').click(function(){
        var btn = document.getElementById("buttonMy");
        var datanum = 12;
        function one(){
            if (datanum > 10) {
                datanum--;
                btn.innerHTML = datanum;
            } else if (datanum <= 0) {
                btn.innerHTML = '验证码已过期';
            } else {
                datanum--;
                btn.innerHTML = '0' + datanum;
            }
        }
         setInterval(one,1000); 
     })
    </script>
</body>
</html>